<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>回顾Object.defineproperty方法</title>
  </head>
  <body>
    <script>
      let number = 18;

      let person = {
        name: "张三",
        sex: "男",
      };

      // Object.defineproperty: 为对象添加属性,并可以使用getter和setter将该属性和变量关联起来
      // 为perosn对象添加一个age属性
      Object.defineProperty(person, "age", {
        /* value: 18,
        writable: true, // 控制属性是否可以被修改,默认值为false
        enumerable: false, // 控制属性是否可以枚举(遍历),默认值为false
        configurable: false, // 控制属性是否可以被删除,默认值为false */

        // 需求：更改number的值 age的值自动更新为number的值
        // 每次读取person的age属性值时 get函数(getter)就会被调用,且返回值为age的值
        get() {
          console.log("有人读取age属性了");
          return number; // 返回的number值为age的值
        },
        // 当有人修改person的age属性时，set函数(setter)就会被调用,且会收到修改的具体值
        set(value) {
          console.log("有人修改age属性了且值是", value);
          number = value;
        },
      });

      console.log(Object.keys(person));

      console.log(person);
    </script>
  </body>
</html>
